草庐IT

css - iOS硬件加速下滑

全部标签

javascript - 获取对所有 css 样式属性的访问权限?

我想通过JavaScript访问所有CSS属性(不仅针对特定选择器或元素,而且针对所有属性)。我想遍历.style集合的所有属性。我该怎么做? 最佳答案 您可以使用CSSStyleDeclaration对象。CSSStyleDeclaration对象使CSS样式属性可通过JavaScript属性使用。这些JavaScript属性的名称与CSS属性名称密切相关。这个对象有两个额外的属性:CSSText一组样式属性及其值的文本表示。文本的格式与CSS样式表中的一样,减去元素选择器和包围属性和值的大括号。长度此CSSStyleDeclar

javascript - 你如何使用 jQuery 加速动画中间动画?

假设你有一个像这样的特定时间运行的动画:$('span').animate({opacity:1},10000);动画很长,因此用户尝试再次单击按钮。动画已经播放了一定的时间,每次可能都不一样。在第二次点击时是否可以更新动画过程,在用户点击时保持对象的不透明度,只是改变完成所需的时间?基本上我想在动画中途更新动画过程。 最佳答案 您可以使用animate的step选项来跟踪动画的进度。然后根据这些信息,您可以计算动画中剩余的时间。然后停止当前动画并开始一个持续时间减半的新动画。http://jsfiddle.net/MdD45/编辑

javascript - 在 IOS-6 Safari 中无法访问 localStorage

我无法在Safari(带有IOS-6的iPad)中访问localStorage。例如,以下代码在所有浏览器上的Windows和(带有iOS-5的iPad)上都可以正常工作,但在iOS-6中却不行:localStorage.setItem("var","5");alert(localStorage.getItem("var"));请帮忙。 最佳答案 我可以通过关闭iPad上的隐私浏览来解决这个问题。我从引用资料中找到了解决方案:https://github.com/cloudhead/less.js/issues/312#issuec

javascript - 克隆 CSS 类

我想将所有:hover类复制到.hoverid类中,其中id是元素的索引(或任何其他方式创建独特的悬停类名称)。因此,我的想法是以某种方式遍历页面上定义了:hover的所有元素,并将该类克隆到.hoverid中。这样我就可以像这样在任何我想要的元素上触发悬停效果:$('#element').addClass('hover'+$(this).id);所以我的问题实际上是:如何遍历定义了“:hover”的元素?如何将那个类克隆到另一个类中?尝试您的解决方案:http://jsfiddle.net/kLt2P/ 最佳答案 您实际上可以使用

javascript - css3pie 打乱了 DOM,导致 jQuery 选择器错误

为了在IE6/7/8上获得CSS3效果(边框半径、框阴影...),我使用了css3pie。然而,css3pie在DOM中生成了一些css3-container(v1)/css3pie(v2)标签,这打乱了预期的架构。这是一个例子:CSSpre{border:1pxsolid#aaa;border-radius:5px;behavior:url(pie.htc);}HTMLbarparagraphpreformattedjQuery//undefinedexpected:getmealert($("pre").prev().attr("class"));//css3-containere

javascript - 在 ec2 实例上使用 socket.io 时出现 "websocket connection invalid"错误?

我有一个使用node.js的express和socket.io编写的网络应用程序,该应用程序在本地主机上运行良好,但是当我推送到我的ec2服务器时,它连接大约20秒然后断开连接,然后再次连接等...给我Node控制台上的错误作为warn-websocketconnectioninvalidinfo-transportend服务器app=express()server=http.createServer(app)io=require('socket.io').listen(server)客户socket=io.connect()我知道问题不在我的代码上,因为我在本地主机上对Web应用程序

javascript - 使用 css 和 javascript 将 div 翻转 180 度

我想使用触发css动画的javascript函数将div翻转180度。我的div有以下声明:.start-photo-thumb{position:relative;float:left;background:#444444;height:192px;width:192px;margin-right:10px;margin-bottom:10px;perspective:1000px;animation:rotating0.6slinearinfinite;animation-play-state:paused;}@keyframesrotating{from{transform:ro

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat

javascript - React Native ScrollView 在 iOS 上从底部被切断

我刚刚遇到一个奇怪的问题,我不知道为什么会这样。出于某种原因,我无法滚动到的底部.这是我的代码:https://repl.it/Iqcx/0谢谢! 最佳答案 在我的例子中,问题不是flex:1或flexGrow:1,而是使用padding在ScrollView样式上。所以不要这样做:{/*MYCONTENTHERE*/}我这样做了:{/*MYCONTENTHERE*/}然后问题就解决了。因此,如果您想向ScrollView添加填充,请在其中创建一个View并对其应用填充。 关于javas

javascript - 在 jQuery 中修改 CSS 变量/自定义属性

在我的应用程序中,我有一些参数,我想使用jQuery将它们放入CSS变量中。我也想阅读它们。我在读取CSS变量的值时遇到了困难,并尝试了很多东西……在我输入问题时,在“可能已经有了答案的问题”中找到了解决方案。无论如何,我附上了一个片段,因为我需要知道:⋅⋅⋅为什么方法1不起作用?⋅⋅⋅有没有办法使用jQuery获取CSSvar值?我觉得它缺少一个简单的解决方案来处理CSS变量……我错了吗?当然,如果没有任何办法,我会使用javascript解决方案。但我想确定一下。预先感谢您的回答。//Thismethoddoesn'tworkforwritingCSSvar.$(":root").